<html>

<head>
    <link rel="stylesheet" href="../normalize.css">
    <link rel="stylesheet" href="../index.css">
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>

<body>

    <div id="app">
        <!--不同的是带有 v-show 的元素始终会被渲染并保留在 DOM 中。
            v-show 只是简单地切换元素的 CSS 属性 display。-->
        <h1 v-show="ok">Hello!</h1>
    </div>

    <script type="text/javascript">
        var vue = new Vue({
            el: '#app',
            data: {
                ok: true
            }
        });
    </script>
</body>

</html>